.theme-default{
  .app-wrapper{
    .el-header {
      background-size: 100% 100%;
      background-color: #005A9E;
    }
    .nav-wrapper{
      background-color:inherit;
    }
    .my-nav{
      background-color: inherit;
    }
    .logo{
      background-color: #005A9E;
    }
    .sidebar-container{
      background-color: #30373E;
      background-size: 100% 100%;
      .scroll-container{
        background-color: inherit;
      }
      .el-submenu__title{
        background-color: #30373E;
        &:hover{
          background-color: #30373E !important;
        }
      }
      .el-menu-item{
        background-color: #30373E !important;
      }
      .el-submenu{
        background-color: #30373E;
        .el-menu-item{
          background-color: #30373E !important;
        }
      }
      .is-opened{
        .el-submenu__title{
          background-color: #30373E;
        }
      }
      .menu-wrapper{
        .router-link-active{
          .el-menu-item{
            background-color: rgba(255, 255, 255, 0.05) !important;
          }
        }
      }
    }
  }
  .myTreeItem .el-tree-node__expand-icon.expanded{
    transform: rotate(0deg);
  }
  .myTreeItem .el-icon-caret-right:before {
    font-size: 16px;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../assets/open.png") no-repeat center;
    background-size: 100% 100%;
  }
  .myTreeItem .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{
    font-size: 16px;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../assets/close.png") no-repeat center;
    background-size: 100% 100%;
  }
  .myTreeItem .el-tree-node__expand-icon.is-leaf{
    display: none;
  }
  .myTreeItem .el-checkbox{
    float: left;
  }
  .myTreeItem .el-tree-node__label{
    float: left;
  }
  .myTreeItem .el-tree-node__content{
    display: block;
    line-height: 40px;
  }
  .myTreeItem .el-tree-node__expand-icon{
    margin-top: 4px;
  }
}
